<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 表单事件：这些事件只能给表单用
			onblur	元素失去焦点时触发
			onfocus	元素获取焦点时触发
			onchange	表单元素的内容改变时触发 （内容改变+失去光标）
			oninput		元素获取用户输入时触发 （每次输入都会触发input）
			onsubmit	表单提交时触发（表单点击之后，自动提交服务器）
		-->
		<input type="text" class="demo" id="demo">
		<script>
			demo.onblur = function(){
				// console.log("失去焦点")
			}
			demo.onfocus = function(){
				// console.log("获取焦点")
			}
			demo.onchange = function(){
				// console.log("内容改变")
			}
			demo.oninput = function(){
				console.log("内容改变")
			}
		</script>
	</body>
</html>
